<style lang="less">
    @import './secret.less';
</style>

<template>
    <div>
        <Row>
            <Col span="24">
                <Card>
                    <p slot="title">
                        <Icon type="ios-list"></Icon>
                        密钥列表
                    </p>
                    <Row type="flex" justify="center" align="middle" class="secret">
                        <Table :columns="secretColumns" :data="secretData" style="width: 100%;"></Table>
                    </Row>
                </Card>
            </Col>
        </Row>
    </div>
</template>

<script>
export default {
    name: 'my-secret',
    data () {
        return {
            secretColumns: [
                {
                    type: 'index',
                    title: '序号',
                    width: 60
                },
                {
                    title: '密钥',
                    key: 'secret_code'
                },
                {
                    title: '生效日期',
                    key: 'working_date'
                },
                {
                    title: '失效日期',
                    key: 'effect_date'
                }
            ],
            secretData: [
                {
                    secret_code: 'sadasf-sd56sd6-sdfsdds6-766y',
                    working_date: '2018-01-02',
                    effect_date: '-'
                }
            ]
        };
    },
    computed: {
        
    }
};
</script>